<!DOCTYPE html>
<html>
<head>
    <title>校园知事</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Tillage Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- bootstarp-css -->
    <link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!--// bootstarp-css -->
    <!-- css -->
    <link rel="stylesheet" href="/assets/css/style.css" type="text/css" media="all" />

	<!--[if lt IE 9]>
    <script src="/assets/js/html5shiv.min.js"></script>
    <script src="/assets/js/respond.min.js"></script>
  <![endif]--><!--[if IE 9]>
    <script src="/assets/js/base64.min.js"></script>
    <script src="/assets/js/typedarray.min.js"></script>  <![endif]-->
    <!--// css -->
    <script src="/assets/js/jquery-1.11.1.min.js"></script>
    <!--fonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <link href="/assets/css/animate.css" rel="stylesheet" type="text/css" media="all">
    <script src="/assets/js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <!-- pop-up -->
    <link rel="stylesheet" href="/assets/css/touchTouch.css" type="text/css" media="all" />
    <script type="text/javascript" src="/assets/js/jquery.fancybox.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            /*
             *  Simple image gallery. Uses default settings
             */

            $('.fancybox').fancybox();

        });
    </script>
    <!-- pop-up -->

    <style>
        .panel {
            border: none;
            margin-bottom: 0;
        }

        .panel-body {
            padding: 15px;

        }

        .panel-default > .panel-heading {
            border: none;
            border-bottom: 2px solid #9D9D9D;
            color: #363636;
            font-weight: bold;
            background-color: white;
            text-decoration: none;
            font-size: 30px;
        }

        /*  .panel-heading {
            border-bottom: 2px solid #911314;
        }*/

        .list-group-item {
            border: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0;
            border-bottom: 1px solid #DDD;
        }

            .list-group-item > a {
                font-size: 16px;
                display: block;
                padding-right: 7em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .list-group-item > a:hover {
                    text-decoration: none;
                    color: #0099CC;
                }

                .list-group-item > a > i > img {
                    width: 8px;
                    margin-right: 8px;
                    margin-bottom: 3px;
                    /*background-image: url("images/icon_title.png");*/
                }

            .list-group-item > span {
                font-size: 16px;
                position: absolute;
                right: 5px;
                top: 0px;
                margin-top: 10px;
            }

        .see-button {
            margin-top: 0;
        }

        .carousel-inner > .item > a > img {
            height: 307px;
        }

        .pagination > li > a {
            margin: 0 10px 10px 0;
        }

            .pagination > li > a:hover {
                color: 	#9D9D9D;
                border-color: 	#9D9D9D;
            }

        .pagination > .active > a {
            background-color: 	#9D9D9D;
            border-color: 	#9D9D9D;
        }

        .detail-panel {
            text-align: center;
            border-bottom: 1px solid #e0d7d7;
        }

            .detail-panel h1 {
                font-size: 24px;
                font-weight: bold;
                text-align: center;
                margin: 20px 0;
                padding: 0 20px;
            }

            .detail-panel span {
                font-size: 16px;
                margin: 0 12px;
            }

        .detail-foot li {
            list-style:none;
            font-size:16px;
            margin-bottom:20px;
        }
        .detail-foot li a{
            padding:10px 5px;
        }
        .detail-foot li a:hover{
            text-decoration:none;
            color:	#9D9D9D;
        }
    </style>
</head>
<body>
    <!-- banner -->
     {{template "header.html" .}}
    <!-- //banner -->
    <!-- products-top -->

    <div class="container">
        <div class="banner-bottom-grids">
            <div class="col-md-3 banner-bottom-grid-text">
                <div class="jumbotron banner-bottom-left wow fadeInLeft animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s;">
                    <div class="panel panel-default">
                        <!-- Default panel contents -->
                        <div class="panel-heading" style="text-align:center;">
                            {{.Data.Smallclassname}}
                        </div>
                        <div class="panel-body">
                            <!-- List group -->
                            <ul class="list-group ">
							{{range $k,$v:= .NewList}}
                                <li class="list-group-item list-inline">
                                    <a href="/detail/{{$v.Id}}" style="padding-right: 0;text-align: left">
                                        <i><img src="/assets/images/icon_title.png"></i>
                                        <span>{{$v.Title}}</span>
                                    </a>
                                </li>
                                {{end}}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-9 banner-bottom-right wow fadeInRight animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s;">
                <div class="panel panel-default">
                    <!-- Default panel contents -->
                    <div class="panel-heading">
                         {{.Data.Smallclassname}}
                    </div>
                    <div class="panel-body detail-panel">
                        <h1>{{.Data.Title}}</h1>
                        <span>
                            发布者：<small>{{.Data.Author}}</small>
                        </span>
                        <span>
                            来源：<small>{{.Data.Origin}}</small>
                        </span>
                        <span>
                            点击数：<small>{{.Data.Hits}}</small>
                        </span>
                        <span>
                            <small>发布时间：{{date .Data.Updatetime "Y-m-d"}}</small>
                        </span>
                    </div>
                    <div class="panel-body">
                      {{str2html .Data.Context}}
                    </div>
                </div>
                <div class="panel panel-default">
                    <ul class="list-group detail-foot">
						{{str2html .Prev}}
						{{str2html .Next}}
                    </ul>
                </div>

            </div>
            <!-- //container -->
        </div>
    </div>
    <!-- products-bottom -->
    <!-- footer -->
     {{template "footer.html" .}}
	 <script src="/assets/js/jquery.min.js"></script>
  <script src="/assets/js/amazeui.min.js"></script>
 <script src="/assets/js/bootstrap.min.js"></script>
<script>
$("span.menu").click(function () {
            $("ul.nav1").slideToggle(300, function () {
                // Animation complete.
            });
        });
		</script>
</body>
</html>
